/**
 * 状态 state 初体验
 */

import React from 'react';
// isNight  is 是否  night 晚上
export default class StateTry extends React.Component{
  //声明状态   应对简单的数据
  state = {
    isNight: true
  }

  // constructor 方法内部 this 是指向实例对象
  // constructor(){
  //   //先调用 super()
  //   super();
  //   //为实例对象添加 state 属性   应对复杂数据
  //   this.state = {
  //     isNight: false
  //   }
  // }

  // render 方法内部 this 是指向实例对象
  render(){
    return <div>
      <h2>至尊宝, 我是 {this.state.isNight ? '青霞仙子' : '紫霞仙子'} </h2>
      <button onClick={() => {
        this.setState({
          isNight: !this.state.isNight
        })
      }}>点击切换</button>
    </div>
  }

  click(){
    //思考题
    //调用 setState
    this.setState({isNight: !this.state.isNight});
  }
}